import React from 'react';
import { Link } from 'react-router-dom';
import { LogoIcon } from '../assets/icons';

const Footer = () => {
  const currentYear = new Date().getFullYear();
  
  return (
    <footer className="footer">
      <div className="container">
        <div className="row">
          <div className="col-lg-4 col-md-6 mb-4 mb-md-0">
            <div className="d-flex align-items-center mb-3">
              <LogoIcon />
              <h5 className="ms-2 mb-0"><strong>EduVerse</strong> Credentials</h5>
            </div>
            <p className="text-muted">
              基于区块链的去中心化学术和职业凭证系统。EduVerse Credentials 提供安全、可验证的数字凭证，保护用户隐私并确保数据完整性。
            </p>
            <div className="social-links mt-3">
              <a href="https://github.com" target="_blank" rel="noreferrer" className="social-link">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M12 2C6.47715 2 2 6.47715 2 12C2 16.4183 4.95056 20.1292 9 21.4344V18C9 18 8.5 18 8 17.5C7.5 17 7 16 7 16C7 16 6.5 15.5 7 15C7.5 14.5 8 14.5 8.5 15C9 15.5 10 16.5 10 16C10.1208 15.4132 10.5 15 11 15M15 15V19C15 19.5 14.5 20 14 20H10C9.5 20 9 19.5 9 19V19.2891C5.56288 18.3016 3 15.4291 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 15.6744 18.1193 18.7284 14.35 19.5M13 15L12 14L11 15" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
                </svg>
              </a>
              <a href="https://twitter.com" target="_blank" rel="noreferrer" className="social-link">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M22 4.01C21 4.5 20.02 4.5 19 5C17.4 3.5 15 3.5 13.5 5C12 6.5 12 9 13.5 10.5V12C9.5 12 6.5 10.5 4 8C4 8 -0.471 16.94 8 20C6 21 4 21.5 2 21.5C10 24.5 16.5 21.5 18.5 15.5C19.3 13.5 20 10.5 20 8.51V8C20.9304 7.03958 21.5 5.83046 22 4.01Z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
                </svg>
              </a>
              <a href="https://linkedin.com" target="_blank" rel="noreferrer" className="social-link">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16 8C17.5913 8 19.1174 8.63214 20.2426 9.75736C21.3679 10.8826 22 12.4087 22 14V21H18V14C18 13.4696 17.7893 12.9609 17.4142 12.5858C17.0391 12.2107 16.5304 12 16 12C15.4696 12 14.9609 12.2107 14.5858 12.5858C14.2107 12.9609 14 13.4696 14 14V21H10V14C10 12.4087 10.6321 10.8826 11.7574 9.75736C12.8826 8.63214 14.4087 8 16 8Z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
                  <path d="M6 9H2V21H6V9Z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
                  <path d="M4 6C5.10457 6 6 5.10457 6 4C6 2.89543 5.10457 2 4 2C2.89543 2 2 2.89543 2 4C2 5.10457 2.89543 6 4 6Z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
                </svg>
              </a>
            </div>
          </div>
          <div className="col-lg-2 col-md-6 mb-4 mb-md-0">
            <h6 className="footer-heading">导航</h6>
            <ul className="footer-links">
              <li><Link to="/">首页</Link></li>
              <li><Link to="/wallet">钱包应用</Link></li>
              <li><Link to="/issuer">发行方门户</Link></li>
              <li><Link to="/verifier">验证方接口</Link></li>
            </ul>
          </div>
          <div className="col-lg-3 col-md-6 mb-4 mb-md-0">
            <h6 className="footer-heading">技术文档</h6>
            <ul className="footer-links">
              <li><a href="https://www.w3.org/TR/did-core/" target="_blank" rel="noreferrer">W3C DID Core v1.0</a></li>
              <li><a href="https://www.w3.org/TR/vc-data-model-2.0/" target="_blank" rel="noreferrer">W3C VC Data Model v2.0</a></li>
              <li><a href="https://polygon.technology/polygon-id" target="_blank" rel="noreferrer">Polygon ID</a></li>
              <li><a href="https://github.com/iden3" target="_blank" rel="noreferrer">iden3 协议</a></li>
            </ul>
          </div>
          <div className="col-lg-3 col-md-6 mb-4 mb-md-0">
            <h6 className="footer-heading">联系我们</h6>
            <ul className="footer-links">
              <li>
                <a href="mailto:contact@eduverse.example.com" className="d-flex align-items-center">
                  <svg className="me-2" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M3 8L10.8906 13.2604C11.5624 13.7083 12.4376 13.7083 13.1094 13.2604L21 8M5 19H19C20.1046 19 21 18.1046 21 17V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V17C3 18.1046 3.89543 19 5 19Z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
                  </svg>
                  contact@eduverse.example.com
                </a>
              </li>
              <li>
                <a href="https://t.me/eduverse" target="_blank" rel="noreferrer" className="d-flex align-items-center">
                  <svg className="me-2" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" strokeWidth="2"/>
                    <path d="M8 13L11.2929 16.2929C11.6834 16.6834 12.3166 16.6834 12.7071 16.2929L17 12" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/>
                  </svg>
                  Telegram 社区
                </a>
              </li>
            </ul>
          </div>
        </div>
        <hr className="my-4" />
        <div className="row">
          <div className="col-md-6 mb-3 mb-md-0">
            <p className="text-muted mb-0">
              &copy; {currentYear} EduVerse Credentials | MIT License
            </p>
          </div>
          <div className="col-md-6 text-md-end">
            <a href="#" className="text-muted me-3">隐私政策</a>
            <a href="#" className="text-muted">使用条款</a>
          </div>
        </div>
      </div>
    </footer>
  );
};

export default Footer; 